<template>
	<view>
		<view class="w100 rowStart alignStart">
			<image class="img80rpx circle" :src="`/static/logo.png`" mode="widthFix">
			</image>
			<view class="rowSpaceBetween w100 alignStart ps20">
				<view class="cloumSpaceBetween alignStart gap10">
					<view class="cardUnit fontWeight">
						{{item.realPhone}}
					</view>
					<view class="titleH3">
						{{item.createTime}}
					</view>
				</view>
				<view class="cardUnit defult name" v-if="showShop">
					{{item.name}}
				</view>
			</view>
		</view>
		<view class="rowStart mtb20" v-if="showShop">
			<view class="name defult" style="color: #000;">
				{{item.shopName}}
			</view>
		</view>
		<view class="borderbottom mtb30">

		</view>
	</view>
</template>

<script>
	export default {
		name: "userCardTop",
		props: {
			item: {
				type: Object,
				default: () => {}
			},
			showShop: {
				type: Boolean,
				default: false
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.name {
		padding: 6rpx 10rpx;
		box-sizing: border-box;
		border-radius: 10rpx;
	}
</style>